<!DOCTYPE html>
<!-- 米家龙 18342075 -->
<!-- 
    Extra features:
        1. Background - 添加了背景，并且将其平铺固定
        2. Favicon - 将收藏的按钮变成pie_icon.gif
        3. Pie Bullet - 将无序列表的点变成了派的形状
        4. Wide headings - 标题加宽
 -->

 <!-- A page that show how to make the delicious pie -->
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link rel="stylesheet" type="text/css" href="recipe.css">
        <!-- 添加“Favicon” -->
        <link rel="shortcut icon" href="http://courses.cs.washington.edu/courses/cse190m/09sp/homework/1/pie_icon.gif">
        <title>Grandma's Lemon Meringue Pie</title>
    </head>
    <body>
        <!-- 第一部分，总览 -->
        <h1>
            Grandma's Lemon Meringue Pie
        </h1>
        <img src="http://courses.cs.washington.edu/courses/cse190m/09sp/homework/1/pie.jpg" alt="lemon meringue pie">
        <p>
            One 9-inch pie<br />
            30 Min - Prep time<br />
            10 Min - Cook time<br />
            40 Min - Total<br />
            8 Servings<br />
        </p>
        <hr />

        <!-- 第二部分，材料 -->
        <h2>
            INGREDIENTS
        </h2>
        <ul>
            <li>1 cup white sugar</li>
            <li>2 tablespoons all-purpose flour</li>
            <li>3 tablespoons cornstarch</li>
            <li>1/4 teaspoon salt</li>
            <li>1 1/2 cups water</li>
            <li>2 lemons, juiced and zested</li>
            <li>2 tablespoons butter</li>
            <li>4 egg yolks, beaten</li>
            <li>1 (9 inch) pie crust, baked</li>
            <li>4 egg whites</li>
            <li>6 tablespoons white sugar</li>
        </ul>
        <hr />

        <!-- 第三部分，步骤 -->
        <h2>DIRECTIONS</h2>

        <!-- 只能在<li>中嵌套新的列表 -->
        <ol>
            <li><strong>Oven: Preheat oven to 350 degrees F (175 degrees C).</strong> </li>
            <li><strong>Lemon Filling: In a medium saucepan ...</strong> 
                <ul>
                    <li>Whisk together 1 cup sugar, flour, cornstarch, and salt.</li>
                    <li>Stir in water, lemon juice and lemon zest.</li>
                    <li>Cook over medium-high heat, stirring frequently, until mixture comes to a boil.</li>
                    <li>Stir in butter.</li>
                    <li>Place egg yolks in a small bowl and gradually whisk in 1/2 cup of hot sugar mixture.</li>
                    <li>Whisk egg yolk mixture back into remaining sugar mixture.</li>
                    <li>Bring to a boil and continue to cook while stirring constantly until thick.</li>
                    <li>Remove from heat.</li>
                    <li>Pour filling into baked pastry shell.</li>
                </ul>
            </li>
            <li><strong> Meringue: In a large glass or metal bowl ...</strong>
                <ul>
                    <li>Whip egg whites until foamy.</li>
                    <li>Add sugar gradually, and continue to whip until stiff peaks form.</li>
                    <li>Spread meringue over pie, sealing the edges at the crust.</li>
                </ul>
            </li>
            <li><strong> Bake in preheated oven for 10 minutes, or until meringue is golden brown.</strong></li>
        </ol>
        <hr />

        <!-- 第四部分，评论 -->
        <h2>USER COMMENTS</h2>
        <blockquote>
            <em>                
                This is a very fun recipe to follow, because Grandma makes it sweet and simple. This pie is thickened with cornstarch and flour in addition to egg yolks, and contains no milk.<br />
                <br />
                - Emilie S.            
            </em>
        </blockquote>

        <blockquote>
            <em>
                Q: What do you call an ape who loves pie?<br />
                A: A meringue-utan.<br />
                <br />
                - Vickie K.
            </em>
        </blockquote>

        <!-- 第五部分，链接 -->
        <h2>LINKS</h2>
        <p>
            <a href="https://www.google.com.hk/search?q=lemon+meringue+pie+recipe">Search for other lemon meringue pie recipes</a><br />
            <a href="./index.html">Home</a><br />
            <a href="http://validator.w3.org/check/referer"><img src="http://www.w3.org/Icons/valid-xhtml11" alt="w3c xhtml"></a>
            <a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="w3c css"></a>
        </p>
    </body>
</html>